<template>
<div>
    <!-- 顶部标签栏 -->
    <van-sticky>
        <div class="header">
            <h1><van-icon name="plus" /></h1>
            <h2>我</h2>
            <h3>
                <h1><van-icon name="friends" /></h1>
                <h1 class="h1"><van-icon name="setting" /></h1>
            </h3>
        </div>
    </van-sticky>
    <!-- end顶部标签栏 -->
    <!-- 头像栏 -->
    <div class="txl">
        <div class="tLeft">
        </div>
    </div>
    <!-- end头像栏 -->
</div>
</template>
<script>
export default {
};
</script>
<style lang="less">
.header{
    width: 100%;
    height: 44px;
    background-color: #fff;
    h1{
        width: 25%;
        height: 100%;
        font-size: 28px;
        text-align: center;
        line-height: 50px;
        float: left;
    }
    h2{
        width: 50%;
        height: 44px;
        font-size: 16px;
        text-align: center;
        line-height: 50px;
        float: left;
    }
    h3{
        width: 25%;
        float: left;
        height: 44px;
        font-size: 16px;
        line-height: 50px;
        .h1{
            margin-left: 10px;
        }
    }
}
.txl{
    height: 96px;
    width: 100%;
    background-color: skyblue;
    margin-top: 11px;
}
</style>
